<template>
	<view style="height: 100vh; background-color: #fff;">
		<view class="search2-top">
			<view class="search2-top-left" @click="backFn">
				<image class="search2-top-left-img" src="../../../static/images/search1/back.png" mode=""></image>
			</view>
			<view class="search" @click="backSearch">
				<image class="search-img" src="../../static/images/realestate/cha@3x.png" mode=""></image>
			</view>
			<view class="search2-top-center">
				不动产登记—网通办
			</view>
			<view class="search2-top-right">
				<view class="search2-top-button">
					关于
				</view>
				<view class="search2-top-button">
					订阅
				</view>
			</view>
		</view>
		<view class="net">
			<image class="net-work" src="../../static/images/realestate/network.png" mode="widthFix"></image>
			<view class="address">
				{{address}}
			</view>
			<image class="prove" src="../../static/images/realestate/prove.png" mode="" @click="goToProveFn"></image>
		</view>
	</view>
</template>

<script setup>
	import { onLoad } from '@dcloudio/uni-app';
import {getCurrentInstance, onMounted,ref} from 'vue'
	const address=ref('')
	onLoad((options) => {
	    address.value = options.address
	})
const backFn = () => {
		uni.navigateBack(-1)
	}
	const backSearch=()=>{
		uni.navigateTo({
			url:'/pages/search/search1'
		})
	}
	const goToProveFn=()=>{
		let a=address.value
		uni.navigateTo({
			url:'/pages/realestate/prove?address='+a
		})
	}
</script>

<style scoped lang="scss">
	.search2-top{
		height: 184rpx;
		background: #FFFFFF;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		opacity: 1;
		padding-top: 96rpx;
		display: flex;
		.search2-top-left{
			width: 10%;
			.search2-top-left-img{
				width: 88rpx;
				height: 88rpx;
			}
		}
		.search{
			width: 10%;
			.search-img{
				width: 88rpx;
				height: 88rpx;
			}
		}
		.search2-top-center{
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #333333;
			width: 50%;
			padding-left: 38rpx;
			line-height: 88rpx;
		}
		.search2-top-right{
			width: 30%;
			display: flex;
			.search2-top-button{
				width: 88rpx;
				height: 48rpx;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				opacity: 1;
				border: 2rpx solid #4678F0;
				line-height: 48rpx;
				text-align: center;
				font-size: 26rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #4678F0;
				margin: auto;
				margin-right: 20rpx;
			}
			
		}
		
	}
	.net{
		position: relative;
		.net-work{
			width: 100%;
		}
		.address{
			position: absolute;
			top: 24rpx;
			left: 176rpx;
			width: 72rpx;
			height: 36rpx;
			font-size: 24rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #1789FA;
			line-height: 36rpx;
			
		}
		.prove{
			position: absolute;
			top: 504rpx;
			right: 38rpx;
			width: 322rpx;
			height: 96rpx;
		}
	}
</style>